<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../css/myCssReset.css">
  <title>Document</title>
  <style>
    body{margin: 0 8px;}
    .tu{
      width: 100%;
      height: 200px;
      border: 2px solid black;
    }
    .room_ttbottomR{
      line-height: 26px;
      color: #aaa;
      margin: 5px 0;
    }
    /* .room_tth{color: #666;} */
    .room_title{
      max-width: 483px;
      overflow: hidden;
      line-height: 30px;
      white-space: nowrap;
      color: #666;
      text-overflow: ellipsis;
      margin: 5px 0;
    }
    .room_nav{
      position: static;
      padding-left: 0;
      padding-top: 0;
    }
    .room_nav li a{
      padding: 0 5px;
      display: block;
      color: #aaa;
      float: left;
    }
    ul{
      list-style: none;
    }
    .room_ptss{
      height:100px; 
      overflow:hidden;
      background-color: #666;
    }
    .room_nrbox{
      width: 850px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 30px;
    }
    .room_nrbox li{
      position: relative;
    }
    /* .room_ptss{margin: 0} */
    .room_ptss li{
      width: 170px;
      height: 46px;
      line-height: 46px;
      float: left;
    }
    .room_icon{
      width: 34px;
      height: 55px;
      display: block;
      float: left;
    }
    .room_01{
      background-image: url(../img/pt_icon.png);
      background-position: -100px -192px;
    }
    .room_02{
      background-image: url(../img/pt_icon.png);
      background-position: 0 -192px;
    }
    .room_03{
      background-image: url(../img/pt_icon.png);
      background-position: -300px -192px;
    }
    .room_04{
      background-image: url(../img/pt_icon.png);
      background-position: -500px -192px;
    }
    .room_05{
      background-image: url(../img/pt_icon.png);
      background-position: 0 -240px;
    }
    .room_06{
      background-image: url(../img/pt_icon.png);
      background-position: -100px -240px;
    }
    .room_07{
      background-image: url(../img/pt_icon.png);
      background-position: -200px -240px;
    }
    .room_08{
      background-image: url(../img/pt_icon.png);
      background-position: 0 -288px;
    }
    .room_09{
      background-image: url(../img/pt_icon.png);
      background-position: -400px -192px;
    }
    .room_10{
      background-image: url(../img/pt_icon.png);
      background-position: -300px -240px;
    }
  </style>
</head>
<body>
<!-- 1.轮播图 -->
<div class="tu"></div>
<!-- 2.标题框 -->
<div class="room_titlebg">
  <div class="room_main clear">
    <div class="room_ttbottomR">
      <a href="#">有间名宿</a>
      <span class="w_ml10">></span>
      <a href="#">短租房</a>
    </div>
    <div class="room_mainbox clear">
      <div class="room_tt">
        <div class="room_title">
          <h2 class="room_tth3">市中心天安门故宫10号线7号线地铁附近轻奢风多风格豪华两居三床5-6人室国贸商圈-北京朝阳区日租</h2>
        </div>
      </div>
      <div class="room_ttadd">
        <span class="red w-ml10">地址：</span>
        <span>北京-朝阳区-广渠路36号</span>
      </div>
      <div class="room_ttbottom">
        <ul class="room_ttbottomL">
          <li class="hx">2室</li>
          <li class="cz">整租</li>
          <li class="bed">3张</li>
          <li class="people">宜住5人</li>
        </ul>
        <ul></ul>
      </div>
    </div>
  </div>
</div>
<!-- 详情信息框 -->
<div class="room_main clear">
  <div class="room_mainbox clear">
    <div class="nav_warp">
      <ul class="room_nav">
        <li class="hover">
          <a href="#room maintt">配套设施</a>
        </li>
        <li class>
          <a href="#room near">房源地址</a>
        </li>
        <li class>
          <a href="#room jygztt">交易规则</a>
        </li>
        <li class>
          <a href="#room yqsf">要求及收费</a>
        </li>
        <li class>
          <a href="#room eva">房客评价</a>
          <span class="f12">4</span>
        </li>
      </ul>
    </div>
    <div class="room_nrbox">
      <div class="room_maintt f16">配套设施</div>
      <ul class="room_ptss f14 clearfix">
        <li>
          <span class="room_icon room_01"></span>
          <span class="fcolor8 w-ml10">宽带上网</span>
        </li>
        <li>
          <span class="room_icon room_02"></span>
          <span class="fcolor8 w_mL10">无线WIFI</span>
        </li>
        <li>
          <span class="room_icon room_03"></span>
          <span class="fcolor8 w_mL10">电视</span>
        </li>
        <li>
          <span class="room_icon room_04"></span>
          <span class="fcolor8 w_mL10">淋浴</span>
        </li>
        <li>
          <span class="room_icon room_05"></span>
          <span class="fcolor8 w_mL10">空调</span>
        </li>
        <li>
          <span class="room_icon room_06"></span>
          <span class="fcolor8 w_mL10">暖气</span>
        </li>
        <li>
          <span class="room_icon room_07"></span>
          <span class="fcolor8 w_mL10">洗衣机</span>
        </li>
        <li>
          <span class="room_icon room_08"></span>
          <span class="fcolor8 w_mL10">电冰箱</span>
        </li>
        <li>
          <span class="room_icon room_09"></span>
          <span class="fcolor8 w_mL10">全天热水</span>
        </li>
        <li>
          <span class="room_icon room_10"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_11"></span>
          <span class="fcolor8 w_mL10">毛巾</span>
        </li>
        <li>
          <span class="room_icon room_12"></span>
          <span class="fcolor8 w_mL10">拖鞋</span>
        </li>
        <li>
          <span class="room_icon room_13"></span>
          <span class="fcolor8 w_mL10">热水壶</span>
        </li>
        <li>
          <span class="room_icon room_14"></span>
          <span class="fcolor8 w_mL10">电梯</span>
        </li>
        <li>
          <span class="room_icon room_15"></span>
          <span class="fcolor8 w_mL10">保安</span>
        </li>
        <li>
          <span class="room_icon room_16"></span>
          <span class="fcolor8 w_mL10">对讲门禁</span>
        </li>
        <li>
          <span class="room_icon room_17"></span>
          <span class="fcolor8 w_mL10">餐具炊具</span>
        </li>
        <li>
          <span class="room_icon room_18"></span>
          <span class="fcolor8 w_mL10">电吹风</span>
        </li>
        <li>
          <span class="room_icon room_19"></span>
          <span class="fcolor8 w_mL10">接待儿童2-12岁</span>
        </li>
        <li>
          <span class="room_icon room_20"></span>
          <span class="fcolor8 w_mL10">接待老人60岁以上</span>
        </li>
        <li>
          <span class="room_icon room_21"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_22"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>

        <li>
          <span class="room_icon room_23"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_24"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_25"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_26"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_27"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_28"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_29"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
        <li>
          <span class="room_icon room_30"></span>
          <span class="fcolor8 w_mL10">厨房</span>
        </li>
      </ul>
    </div>
  </div>
</div>
</body>
</html>